<?php
$gets = explode("/", $_SERVER['REQUEST_URI']);
$secao = (isset($gets[1])) ? $gets[1] : NULL;
?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <title>Empresa</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Bootstrap -->
        <link href="/<? echo $secao; ?>/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <script src="/<? echo $secao; ?>/js/jquery.js"></script>
        <script src="/<? echo $secao; ?>/js/bootstrap.min.js"></script>
        <link href="/Versao1/css/basic.css" rel="stylesheet" media="screen">
    </head>
    <body>
        <?php
        require_once "login.php";
        ?>
        <div class="container-fluid" style="margin-top: 60px;">
            <div class="row-fluid">
                <div class="span3 container">
                    <div class="navbar">
                        <div class="navbar-inner">
                            <a class="brand" href="">Perfil</a>
                        </div>
                        <div class="container well">
                            <form method="POST" action="">
                                <input type="text" class="span12" placeholder="Nome da Empresa." value="Nome da Empresa."/>
                                <!--                            <h3 style="margin: 0px;">Nome empresa.</h3>-->
                                <img class="img-polaroid" src="/<? echo $secao; ?>/teste.jpg" />
                                <button class="btn span12">Alterar Imagem</button>
                                <button class="btn span12">Alterar Outras Informações</button>

                                <p>
                                <address>
                                    <strong>Twitter, Inc.</strong><br>
                                    795 Folsom Ave, Suite 600<br>
                                    San Francisco, CA 94107<br>
                                    <abbr title="Telefone">Tel:</abbr> (123) 456-7890
                                </address>

                                <address>
                                    <strong>Full Name</strong><br>
                                    <a href="mailto:#">first.last@example.com</a>
                                </address>
                                </p>

                                <button type="submit" class="btn span12">Confirmar</button>
                            </form>
                        </div>

                    </div>
                </div>
                <div class="span6 container">
                    <div class="navbar">
                        <div class="navbar-inner">
                            <ul class="nav">
                                <li class="active"><a href="#noticias" data-toggle="tab"><i class="icon-home"></i>Novidades e Noticias</a></li>
                                <li><a href="#cardapio" data-toggle="tab"><i class="icon-list-alt"></i>Cardapio</a></li>
                                <li><a href="#localizacao" data-toggle="tab"><i class="icon-map-marker"></i>Localização</a></li>
                                <li><a href="#reservas" data-toggle="tab"><i class="icon-calendar"></i>Reservas</a></li>
                            </ul>
                        </div>
                        <div class="container well">
                            <div class="tab-content">
                                <div class="tab-pane" id="cardapio">
                                    <!--if Cardapio == NULL-->
                                    <div class="alert-error">
                                        Cardapio não cadastrado até o momento.
                                    </div>
                                    <button class="btn" ><i class="icon-list-alt"></i> Novo Cardapio</button>
                                    <!--else -->

                                </div>

                                <div class="tab-pane" id="localizacao">
                                    <div class="alert-error">
                                        Localização não disponivel.
                                    </div>
                                    <button class="btn" ><i class="icon-map-marker"></i> Adicionar Localização</button>
                                </div>

                                <div class="tab-pane" id="reservas">
                                    <div class="alert-error">
                                        Não é permitidos fazer reservas nesta empresa.
                                    </div>
                                    <br>
                                    <form method="POST" action="" class="form-horizontal">
                                        <div class="control-group">
                                            <label class="control-label" for="pessoas">Numero de Pessoas</label>
                                            <div class="controls">
                                                <input type="text" id="pessoas" placeholder="Numero de Pessoas">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="data">Data para Reserva</label>
                                            <div class="controls">
                                                <input type="date" id="data">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="hora">Horario para Reserva</label>
                                            <div class="controls">
                                                <input type="time" id="hora">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <div class="controls">
                                                <button type="submit" class="btn" >Realizar Reserva</button>
                                            </div>
                                        </div>
                                        
                                    </form>
                                </div>

                                <div class="tab-pane active" id="noticias">
                                    <div class="span12">
                                        <form method="POST" action="">
                                            <input class="span12" type="text" placeholder="Titulo da Noticia"/>
                                            <textarea class="span12" placeholder="Digite uma noticia Quente!"></textarea>
                                            <button type="submit" class="btn">Enviar Noticia!</button>
                                        </form>
                                    </div>
                                    <section>
                                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                                        <h3>Primeira Noticia</h3>
                                        <p>
                                            Texto da Primeira Noticia
                                        </p>
                                    </section>
                                    <section>
                                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                                        <h3>Segunda Noticia</h3>
                                        <p>
                                            Texto da Segunda Noticia
                                        </p>
                                    </section>
                                    <section>
                                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                                        <h3>Primeira Noticia</h3>
                                        <p>
                                            Texto da Primeira Noticia
                                        </p>
                                    </section>
                                    <ul class="pager">
                                        <li class="previous">
                                            <a href="#">&larr; Older</a>
                                        </li>
                                        <li class="next disabled">
                                            <a href="#">Newer &rarr;</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="span3 container">
                    <div class="navbar">
                        <div class="navbar-inner">
                            <a class="brand" href="">Principais noticias</a>
                        </div>
                        <div class="container well">
                            <ul class="nav unstyled">
                                <li><a href="" style="padding: 0px;"><h4>Gincalouros</h4></a></li>
                                <li><a href="" style="padding: 0px;"><h4>Cara Cade Minha Casa?</h4></a></li>
                                <li><a href="" style="padding: 0px;"><h4>Novo R.U</h4></a></li>
                                <li><a href="" style="padding: 0px;"><h4>Outra Noticia importante</h4></a></li>
                            </ul>
                        </div>
                        <div class="navbar-inner">
                            <a class="brand" href="">Amigos que curtiram a empresa</a>
                        </div>
                        <div class="container well">
                            <iframe src="http://www.facebook.com/plugins/like.php?href=www.tudohoje.com.br"
                                    scrolling="no" frameborder="0"
                                    style="border:none; width:450px; height:80px"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </body>
</html>
